<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<a href="file/hello.txt">呵呵</a>
<h3></h3>
</body>
<script>
<!--    原生访问-->
    window.onload = function () {
        document.getElementsByTagName('a')[0].onclick = function () {
            //获取XHR对象
            let request = new XMLHttpRequest();
            //配置Ajax请求参数：请求类型，请求的url资源，请求方式默认true（异步）
            // request.open('GET',this.href,true);
            //每次都返回不同的url地址，防止浏览器本地缓存造成数据不能及时更新
            request.open('GET',this.href+'?='+(new Date()),true);
            //将Ajax请求发送到服务器，get请求不需要参数，可为空或null
            request.send(null);
            //不断监听服务器的响应
            request.onreadystatechange = function () {
                if (request.readyState == 4 && request.status ==200){
                    document.getElementsByTagName('h3')[0].innerHTML = request.responseText;
                }
            }
            //消除a链接的默认点击行为
            return false;
        }
    }
</script>
</html>